{include file="public/head"/}
<script>
$(document).ready(function () {
    $("#proTab li").click(function (e) {
			e.preventDefault()
            $(this).tab('show')
			window.location.href = $(this).children('a').attr('href')
		})
	});
</script>
<div class="container-fluid" id="main">

        <div class="row clearfix">
                <div class="col-md-12 column">
                    <div class="alert alert-dismissable alert-info">
                        <button type="button" class="close">×</button>
                        <p></p>
                    </div>
                </div>
            </div>
	<div class="ntDesktop">
		<div class="ntDesktop-head">{$title}</div>
        <input type="hidden" id="pro_id" value="{$pro_id}">
        <div class="row" style="padding-top:12px">
            <div class="col-md-8 column">
                <ul class="nav nav-tabs" id="proTab">
                    <li >
                        <a href="{:url('product/productEdit',array('request'=>'edit','id'=>$pro_id))}" data-toggle="tab">{:lang('summary')}</a>
                    </li>
                    <li class="active">
                        <a href="{:url('product/proAddNewJump',array('request'=>'intro','pro_id'=>$pro_id))}" >{:lang("information")}</a>
                    </li>
                    <li >
                        <a href="{:url('product/proAddNewJump',array('request'=>'item','pro_id'=>$pro_id))}" data-toggle="tab">{:lang("accessory")}</a>
                    </li>
                    <li >
                        <a href="{:url('product/proAddNewJump',array('request'=>'img','pro_id'=>$pro_id))}" data-toggle="tab">{:lang("image")}</a>
                    </li>
                </ul>
            </div>
            <div class="col-md-4 column text-right">
                <div>
                    <a href="{:url('product/productlist')}" class="btn btn-default"><span class="glyphicon glyphicon-chevron-left"></span>{:lang('back_to_list')}</a>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12 text-right">
            	<a href="{:url('product/proAddNewJump_introAdd',array('pro_id'=>$pro_id,'request'=>'add'))}" type="button" class="btn btn-primary" data-toggle="modal" data-target="#prointro_editModal"><span class="glyphicon glyphicon-plus"></span>{:lang('add')} {:lang('information')} {:lang('content')}</a>
            </div>
        </div>
    
        <div class="row">
            <div class="col-md-12 column">
                <table class="table table-striped ntTable">
                    <thead>
                        <tr>
                            <td>No.</td>
                            <td>{:lang("introduction_type")}</td>
                            <td>{:lang("the_role_of_product")}({:lang('serial_number')}/{:lang("model")})</td>
                            <td>{:lang('language')}</td>
                            <td>{:lang('status')}</td>
                            <td class="sorting"  @click="sortfun" data-order="1">{:lang('edit')}</td>
                            <td style="text-align: center;">{:lang('operate')}</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-for="(item,index) in listdata" v-cloak>
                            <td align="center">{{item.id}}</td>
                            <td>{{item.content}}</td>
                            <td>{{item.prochar_id}} / {{item.prochar_model}}</td>
                            <td>{{item.langStr}}</td>
                            <td>{{item.verify}}</td>
                            <td>{{item.create_name}}<br /><small>{{item.created_time}}</small></td>
                            <td class="text-right">
                                <div>
                                    <a :href="'/admin/product/proAddNewJump_introEdit?id='+item.id+'&pro_id='+pro_id+'&prochar_id='+item.prochar_id+'&request=edit'" class='btn btn-sm btn-primary' data-toggle="modal" data-target="#prointro_editModal"><span class="glyphicon glyphicon-pencil"></span> {:lang('edit')}</a>
                                    <a href="#" class='btn btn-sm btn-default' @click="requestDel(item.id,pro_id)"><span class="glyphicon glyphicon-remove"></span> {:lang('delete')}</a>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

	</div>
</div>


<!--产品介绍添加弹窗部分 开始-->
<div class="modal fade" id="prointro_editModal" tabindex="-1" role="dialog" aria-labelledby="ntModalLabel" aria-hidden="true"  data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" style="width:1000px">

        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<script type="text/javascript">
     $("#prointro_editModal").on("hidden.bs.modal", function() {
        $(this).removeData("bs.modal");
        $(".modal-content").children().remove();
    });
</script>

<script src="/static/Admin/js/proaddnew_intro.js"></script>
{include file="public/foot"/}